@charset "utf-8";/* CSS Document */
body {font-size: 12px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}

.form2{position:relative;}
.inputBox_head{ background:#5a5a5a; line-height:29px; padding-left:15px; width:228px; background:url(sousuo_left.jpg) no-repeat left center; }
.submit_head{ background:url(sousuo_right.jpg) no-repeat center center; width:32px; height:29px; position:absolute; right:0;}

.pro_index_bg{ padding-bottom:47px; padding-top:52px; clear:both; overflow:hidden;background:url(pro_index_bg.jpg) no-repeat center bottom;}
.pro_title{ margin-bottom:23px;clear:both; overflow:hidden;}
.pro_title p{ font-size:44px; color:#2d2d2d; background:url(pro_title.jpg) no-repeat center center; line-height:70px;}
.pro_title span{ font-size:16px; color:#7c7c7c; line-height:23px;}
.prolist_fl{ margin-bottom:34px;clear:both; overflow:hidden;}
.prolist_fl li{ width:115px; margin-right:10px; float:left;}
.prolist_fl li a{ font-size:16px; color:#323232; display:block; background:url(prolist_li.jpg) no-repeat top center; padding-bottom:8px; line-height:36px; height:44px; overflow:hidden; } 
.prolist_fl li a:hover{  background:url(prolist_li_h.jpg) no-repeat top center; color:#FFF;}
.prolist_fl p{ float:right;}
.prolist_fl p a{ display:block; border:2px solid #e6212a; line-height:32px; padding:0px 10px; font-size:14px; color:#e6212a;}

.prolist_tr{ clear:both;display: flex;flex-wrap: wrap; overflow:hidden; font-size:0px;}
.prolist_tr li{ margin-bottom:15px; padding:0 8px;}
.prolist_tr li a{ display:block; border:1px solid #cccdd0; background:#f5f5f5; padding:3px;}
.prolist_tr li a div{text-align:center; padding-top:5px; padding-bottom:21px;}
.prolist_tr li div p{  font-size:18px; color:#4c4c4c; line-height:45px; height:45px; overflow:hidden;}
.prolist_tr li a span{ color:#ffffff; background:#4c4c4c; width:192px; line-height:30px; display:block; margin:0 auto; font-size:14px;}

.about_index{background:url(about_bg.jpg) no-repeat top center; padding-bottom:85px; padding-top:45px;clear:both; overflow:hidden;text-align:left; }
.about_title01{ color:#ffffff; font-size:42px; line-height:60px; }
.about_title02{ color:#ffffff; font-size:20px; margin-bottom:20px; line-height:20px; text-transform:uppercase;  }
.about_title03{ color:#ffffff; font-size:25px; line-height:34px; margin-bottom:19px; }
.about_nr{ color:#ffffff; font-size:14px; line-height:24px; max-width:423px; margin-bottom:30px;}
.about_index a{ background:url(about_more.png) no-repeat top left; font-size:15px; color:#FFF; display:block; line-height:32px; width:280px; padding:5px 127px 1px 0px; text-align:center;}

.news_index{ background:url(news_bg.jpg) no-repeat bottom center; clear:both; overflow:hidden; padding-bottom:100px; padding-top:58px; }
.news_title{ margin-bottom:58px;clear:both; overflow:hidden;}
.news_title p{ font-size:44px; color:#2d2d2d; background:url(pro_title.jpg) no-repeat center center; line-height:70px;}
.news_title span{ font-size:16px; color:#7c7c7c; line-height:23px;}
.news_left{ overflow:hidden; float:left; position:relative; padding-right:0px; text-align:left; width:37.5%;}
.news_left a{ display:block; width:100%;}
.news_left p{ background:#000000ab; bottom:0; font-size:14px; color:#ffffff; width:100%; z-index:19; position:absolute; line-height:37px; padding-left:15px; }
.news_left img{width:100%;}

.news_right{ width:60%; float:right;}
.news_ul{ text-align:left;}
.news_ul li{ margin-bottom:15px; clear:both; overflow:hidden;}
.news_time{  padding:37px 0 0 0;}
.news_time p{ font-size:14px; color:#999999; }
.news_time span{ color:#484c4c; font-size:24px; font-weight:bold;}
.news_home_r{ background:url(news_more.jpg) no-repeat left 15px bottom 11px; padding-bottom:31px; border-left:1px solid #eeeeee;}
.news_home_r p{ font-size:22px; color:#0c0c0c;line-height:36px;}
.news_home_r span{ font-size:14px; color:#666666; display:block; line-height:24px; height:48px; overflow:hidden;}

.foot_index_bg{ background:#2e2d33; clear:both; overflow:hidden; padding-top:47px; padding-bottom:54px;}
.foot_index_bg .container{display: flex;flex-wrap: wrap;}
.foot_index_bg .container div{ padding-left:45px; padding-right:45px;}
.foot_left{ padding-top:40px; text-align:left; border-right:1px dashed #424951; }
.foot_left img{ width:auto; max-width:100%; margin-bottom:10px;}
.foot_left p{ font-size:14px; color:#FFF; line-height:22px;   }
.foot_left p a{color:#FFF;}
.foot_cen{ text-align:left; border-right:1px dashed #424951; padding-left:50px;}
.foot_cen p{ font-size:20px; color:#ffffff; line-height:50px; margin-bottom:10px; padding-left:47px; background:url(foot_dh.jpg) no-repeat left center; }
.foot_cen li{ font-size:15px; color:#FFF; line-height:30px;}
.foot_right{ text-align:left;}
#facebookContact table{ width:100%;}
.foot_right p{ font-size:20px; color:#ffffff; line-height:50px; margin-bottom:10px; padding-left:47px; background:url(foot_liuyan.jpg) no-repeat left center;}
#namefoot{ line-height:35px; margin-bottom:10px;  background:#363539; border:none; width:100%; }
#telfoot{ line-height:35px; margin-bottom:10px;  background:#363539; border:none; width:100%;}
#mailfoot{ line-height:35px; margin-bottom:10px;  background:#363539; border:none; width:100%;}
#contentfoot{ height:80px; margin-bottom:10px;   background:#363539; border:none;}
.tijiao_in{ width:100%; background:#e6212a; font-size:16px; color:#FFF; line-height:34px;}

.footer_index{ clear:both; border-top: 1px solid #464a56; background:#2e2d33; }
.footer_index img{ width:auto;}
.footer_index p{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index a{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index span{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index .container{ position:relative; padding:15px;}
.bottom_xs_top{ position:absolute; right:0; top:0;}
.bottom_xs_top a{ display:block; background:url(bottom_top.jpg) no-repeat top center; width:45px; height:45px;}


@media (max-width:1200px) { 
.prolist_fl li{ width: calc(20% - 10px); margin-bottom:20px; }
.prolist_fl li a{ height:36px; padding-bottom:0px;background:none; border:1px solid #c8c8c8;}


 }

@media (max-width:992px) { 
.prolist_tr li a span{ width:90%;}
.prolist_fl{display: flex;flex-wrap: wrap;justify-content: space-between;}
.prolist_fl p{ display:none;}
.prolist_fl li{ margin-bottom:15px; width:32%; margin-right:0px; }


 }

@media (max-width:767px) { 
.about_index{ background:#1261ac;}
.about_nr{ max-width:100%;}
.about_index{ padding-top:32px; padding-bottom:32px;}

 }

  
 @media (max-width:500px) { 
.prolist_fl{ margin-bottom:0px;}
.prolist_fl li{ width:48%;}


}

.pro_fm a{width:100%;display:block;height:220px;}

.fm_img{width:20%;float:left;padding-top:20px;}

.fm {width:80%;float:left}